<!--
  Generated template for the LoginPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<!-- <ion-header>
	<ion-navbar>
		<button ion-button menuToggle>
			<ion-icon name="arrow-back"></ion-icon>
		</button>
	</ion-navbar>
</ion-header> -->

<ion-content padding class="login-content">
	<img src="./assets/imgs/back.png" alt="" class="close"   (click)="Back()">
	<div class="login-text">
		<h4>登录</h4>
	</div>
	<div class="input">
		<div class="box">
			<span>+86</span>
			<input type="text" name="userid" placeholder=" 请输入你的手机号" maxlength="11" class="user" #user (keyup)="textClear(user.value,0)">
			<img src="./assets/imgs/clear.png" alt="" *ngIf="clear" onclick="document.querySelector('.user').value = null">
		</div>

		<div class="box pwd"> 
			<input type="text" name="userid" placeholder="请输入验证码" maxlength="6" class="password" #pwd>
			<span (click)="sendMass(user.value)" *ngIf="cli == false">获取验证码</span>
			<span *ngIf="cli == true">重新发送({{massTime}})</span>
		</div>

		<div class="submit" (click)="userLogin(user.value,pwd.value)">

			<span>进入商城</span>
		</div>

	</div>
	<!-- <div class="other">
		<div class="other-title">
			<div>
				<hr>
			</div>

			<div>
				<span>社交账户一键登录</span>

			</div>

			<div>
				<hr>
			</div>
		</div>
		<div class="tencent">
			<div>
				<img src="./assets/imgs/wei-xin.png" alt="" class="wechat">
			</div>
			<div>
				<img src="./assets/imgs/qqq.png" alt="" class="qq">
			</div>
			
		</div>
	</div> -->
</ion-content>
 